<template>
  <div class="newnotice">
    <h3>{{list.title}}</h3>
    <div class="time">{{list.publish_time}}</div>
    <div class="content">
      {{list.content}}
    </div>
    <p>{{list.publish_time}}</p>
  </div>
</template>
<script>
import { noticeInfo } from "../../api/user";
export default {
  data() {
    return {
      list: {}
    };
  },
  methods: {
    getData() {
      noticeInfo({ notice_id: this.$route.query.id }).then(res => {
        this.list = res.data;
      });
    }
  },
  created() {
    this.getData();
  }
};
</script>
<style lang="scss">
.newnotice {
  width: 100%;
  background-color: #f5f5f5;
  header {
    color: #fff;
  }
  h3 {
    padding: 10px;
    font-size: 18px;
    font-weight: 500;
    text-align: center;
  }
  .time {
    padding: 0 15px;
    text-align: right;
  }
  .content {
    padding: 15px;
  }
  p {
    padding: 0 15px;
  }
}
</style>


